<template>
  <div>
    <div class="dis_top">
      <div>
        <el-row>
          <el-button type="primary" icon="el-icon-back" circle></el-button>
          </el-row>
          <span>（209000001）刘冰</span></div>
        <el-row>
        <el-button type="primary" icon="el-icon-check">提交初检</el-button>
      </el-row>
    </div>
    <div class="flex_b">
      <div class="examine">检查项目（20）</div>
      <div class="dis_flex">
      <div class="flex_l">
        <div class="l_left">检查项目状态列表   ( <span>{{ checklist.length }}</span> / 20 )</div>
        <div class="l_right">
          <div v-for="(item,index) in checklist" :key="index" class="list_ch">
            <div class="r_list"><span>{{ item.names }}</span><span>{{ item.content }}</span></div>

          </div>
        </div>
      </div>
      <div class="flex_r">
        <!-- 右侧标签页 -->
        <div>
          <el-form :inline="true" :model="formed" ref="ruleFormed" :rules="rulesed">
          <div class="bj_doctor">
            <el-form-item label="体检科室" style="white-space: nowrap;" :label-width="formLabelWidth"  prop="chineseName">
              <el-input @input="bindinput" class="input_c" v-model="roleName" clearable></el-input>
            </el-form-item>
          <el-form-item label="体检医师" :label-width="formLabelWidth"  prop="chineseName">
            <el-select v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>
          </el-form-item>
          <el-form-item label="体检日期" :label-width="formLabelWidth"  prop="chineseName">
            <el-input @input="bindinput" class="input_c" v-model="roleName" clearable ></el-input>
          </el-form-item>
          <el-form-item label="" :label-width="formLabelWidth"  prop="chineseName">
            <el-checkbox v-model="checked" label="已检"></el-checkbox>
          </el-form-item>

          </div>
        </el-form>
        <!-- 医师检查 -->
        <div v-if="titleindex == 0" class="r_box">
          <div class="r_box_top"></div>
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <div class="diagnose">
                  <div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>诊断结果</el-button>
                    </el-form-item>
                    <el-form-item label="" prop="desc" label-width="30px">
                      <el-button>设置提醒</el-button>
                    </el-form-item>
                  </div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>添加到诊断库</el-button>
                  </el-form-item>
                </div>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                   :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :on-exceed="handleExceed"
                  :file-list="fileList">
                  <el-button size="small" type="primary">附件</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="补录医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="补录日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>
        </div>
        <!-- 检验检查 -->
        <div v-if="titleindex == 2" class="r_box">
          <div class="r_box_top2"></div>
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <el-form-item label="" prop="desc" label-width="180px">
                  <el-button>诊断结果</el-button>
                </el-form-item>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action=""
 :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :file-list="fileList">
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="检查医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="检查日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>

        </div></div>
        <div><el-form :inline="true" :model="formed" ref="ruleFormed" :rules="rulesed">
          <div class="bj_doctor">
            <el-form-item label="体检科室" style="white-space: nowrap;" :label-width="formLabelWidth"  prop="chineseName">
              <el-input @input="bindinput" class="input_c" v-model="roleName" clearable></el-input>
            </el-form-item>
          <el-form-item label="体检医师" :label-width="formLabelWidth"  prop="chineseName">
            <el-select v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>
          </el-form-item>
          <el-form-item label="体检日期" :label-width="formLabelWidth"  prop="chineseName">
            <el-input @input="bindinput" class="input_c" v-model="roleName" clearable ></el-input>
          </el-form-item>
          <el-form-item label="" :label-width="formLabelWidth"  prop="chineseName">
            <el-checkbox v-model="checked" label="已检"></el-checkbox>
          </el-form-item>
          </div>
        </el-form>
        <!-- 医师检查 -->
        <div v-if="titleindex == 0" class="r_box">
          <!-- <div class="r_box_top"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <div class="diagnose">
                  <div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>诊断结果</el-button>
                    </el-form-item>
                    <el-form-item label="" prop="desc" label-width="30px">
                      <el-button>设置提醒</el-button>
                    </el-form-item>
                  </div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>添加到诊断库</el-button>
                  </el-form-item>
                </div>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                   :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :on-exceed="handleExceed"
                  :file-list="fileList">
                  <el-button size="small" type="primary">附件</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="补录医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="补录日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>
        </div>
        <!-- 功能检查 -->
        <div v-if="titleindex == 1" class="r_box">
          <!-- <div class="r_box_top1"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3"></div>
                <div class="r_box_con_sl4"></div>
                <div class="r_box_con_sl5"></div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3"></div>
                  <div class="r_box_con_sl4">
                  </div>
                  <div class="r_box_con_sl5"></div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <el-form-item label="" prop="desc" label-width="180px">
                  <el-button>诊断结果</el-button>
                </el-form-item>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                  :on-remove="handleRemove"
                  :before-remove="beforeRemove"
                  multiple
                  :limit="3"
                  :on-exceed="handleExceed"
                  :file-list="fileList">
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="检查医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="检查日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>

        </div>
        <!-- 检验检查 -->
        <div v-if="titleindex == 2" class="r_box">
          <!-- <div class="r_box_top2"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <el-form-item label="" prop="desc" label-width="180px">
                  <el-button>诊断结果</el-button>
                </el-form-item>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action=""
 :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :file-list="fileList">
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="检查医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="检查日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>

        </div></div>
        <div><el-form :inline="true" :model="formed" ref="ruleFormed" :rules="rulesed">
          <div class="bj_doctor">
            <el-form-item label="体检科室" style="white-space: nowrap;" :label-width="formLabelWidth"  prop="chineseName">
              <el-input @input="bindinput" class="input_c" v-model="roleName" clearable></el-input>
            </el-form-item>
          <el-form-item label="体检医师" :label-width="formLabelWidth"  prop="chineseName">
            <el-select v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>
          </el-form-item>
          <el-form-item label="体检日期" :label-width="formLabelWidth"  prop="chineseName">
            <el-input @input="bindinput" class="input_c" v-model="roleName" clearable ></el-input>
          </el-form-item>
          <el-form-item label="" :label-width="formLabelWidth"  prop="chineseName">
            <el-checkbox v-model="checked" label="已检"></el-checkbox>
          </el-form-item>
          </div>
        </el-form>
        <!-- 医师检查 -->
        <div v-if="titleindex == 0" class="r_box">
          <!-- <div class="r_box_top"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <div class="diagnose">
                  <div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>诊断结果</el-button>
                    </el-form-item>
                    <el-form-item label="" prop="desc" label-width="30px">
                      <el-button>设置提醒</el-button>
                    </el-form-item>
                  </div>
                  <el-form-item label="" prop="desc" label-width="180px">
                    <el-button>添加到诊断库</el-button>
                  </el-form-item>
                </div>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                   :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :on-exceed="handleExceed"
                  :file-list="fileList">
                  <el-button size="small" type="primary">附件</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="补录医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="补录日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>
        </div>
        <!-- 功能检查 -->
        <div v-if="titleindex == 1" class="r_box">
          <!-- <div class="r_box_top1"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3"></div>
                <div class="r_box_con_sl4"></div>
                <div class="r_box_con_sl5"></div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3"></div>
                  <div class="r_box_con_sl4">
                  </div>
                  <div class="r_box_con_sl5"></div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <el-form-item label="" prop="desc" label-width="180px">
                  <el-button>诊断结果</el-button>
                </el-form-item>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                  :on-remove="handleRemove"
                  :before-remove="beforeRemove"
                  multiple
                  :limit="3"
                  :on-exceed="handleExceed"
                  :file-list="fileList">
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="检查医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="检查日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>

        </div>
        <!-- 检验检查 -->
        <div v-if="titleindex == 2" class="r_box">
          <!-- <div class="r_box_top2"></div> -->
          <el-form ref="form" :model="form" label-width="0px" label-position="left">
            <dir class="r_box_con">
              <div class="r_box_con_title r_box_con_sl">
                <div class="r_box_con_sl1">检查内容</div>
                <div class="r_box_con_sl2">检查结果</div>
                <div class="r_box_con_sl3">单位</div>
                <div class="r_box_con_sl4">趋势</div>
                <div class="r_box_con_sl5">参考范围</div>
                <div class="r_box_con_sl6"></div>
              </div>
              <!-- 检查内容 -->
              <div class="r_box_con_bor">
                <div class="r_box_con_box r_box_con_sl" v-for="(item,index) in list" :key="index">
                  <div class="r_box_con_sl1">身高</div>
                  <div class="r_box_con_sl2">
                    <!-- <el-form-item label="" > -->
                      <el-input v-model="form.name"  size="small"></el-input>
                    <!-- </el-form-item> -->
                  </div>
                  <div class="r_box_con_sl3">cm</div>
                  <div class="r_box_con_sl4">
                    <el-select v-model="form.region" placeholder="--"  size="small">
                      <el-option label="--" value="shanghai"></el-option>
                      <el-option label="↑" value="beijing"></el-option>
                      <el-option label="↓" value="beijing1"></el-option>
                    </el-select>
                  </div>
                  <div class="r_box_con_sl5">121——123</div>
                  <div class="r_box_con_sl6"><el-button  size="small">查看以往</el-button></div>
                </div>
              </div>
              <!-- 检查结果 -->
              <div class="r_box_con_res">
                <el-form-item label="诊断结果" prop="desc" label-width="180px">
                  <el-input type="textarea" v-model="form.desc"  :autosize="{ minRows: 5, maxRows: 8}" class="textarea"></el-input>
                </el-form-item>
                <el-form-item label="" prop="desc" label-width="180px">
                  <el-button>诊断结果</el-button>
                </el-form-item>
                <div class="r_box_con_bor">
                <el-upload
                  class="upload-demo"
                  action=""
 :on-change="handleChange" :on-remove="handleRemove"
                  multiple
                  :limit="3"
                  :file-list="fileList">
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                </div>
              </div>
              <!-- 底部签字 -->
              <div class="r_box_con_bottom">
                <div>
                  <el-form-item label="检查医师" label-width="100px">
                    <el-select v-model="formInline.region" clearable>
                      <el-option label="王伟" value="shanghai"></el-option>
                      <el-option label="张三" value="beijing"></el-option>
                    </el-select>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="检查日期" label-width="100px">
    <el-input v-model="formInline.user" clearable></el-input>
                  </el-form-item>
                </div>
                <div>
                  <el-form-item label="" label-width="50px">
                    <el-checkbox-group v-model="form.type">
                      <el-checkbox label="已初检" name="type"></el-checkbox>
                    </el-checkbox-group>
                  </el-form-item>
                </div>
                <div>
                  <el-button type="primary">保存</el-button>
                </div>
              </div>
            </dir>
          </el-form>

        </div></div>
      </div>
    </div>
    </div>
  </div>
</template>

<script lang="ts">
  import Vue from 'vue'
import { uploadImgToBase64 } from '../../common/utils/upload64.js'
  export default {
    data(){
      return{
        fileList:[],
        titleindex:0,
        checklist:[
          {
            names:'一般检查',
            content:'重点关注3项',
          },
          {
            names:'内科',
          },
          {
            names:'外科',
            content:'重点关注3项',
          },
          {
            names:'耳鼻喉科',
          },
          {
            names:'放射科',
            content:'重点关注3项',
          },
          {
            names:'心电图',
          },
          {
            names:'血常规',
          },
          {
            names:'尿常规',
            content:'重点关注3项',
          },
          {
            names:'肺癌B超',
          }
        ],
        form:{
          type:'123'
        },
        formInline:{},
        list:[{
          name:'一般检查而不',
          num:'2',
        },{
          name:'一般检查而不',
          num:'1',
        },{
          name:'一般检查而不',
          num:'2',
        },{
          name:'一般检查而不',
          num:'2',
        }]
      }
    },
    methods:{
      // 右侧title事件
      gettitle(row){
        this.titleindex=row
      },
            // 上传图片成功
            handleChange(file) {
              console.log(file)
                this.getBase64(file.raw).then(data=>{
                console.log(data)
                })
            },
            // 上传图片删除
            handleRemove() {
                this.form.picBase64 = "";
            },
            // 获取base64
            getBase64(data) {
                return new Promise((resolve, reject) => {
                    const fileReader = new FileReader();
                    fileReader.onload = (e) => {
                        resolve(e.target.result);
                    };
                    fileReader.readAsDataURL(data);
                    fileReader.onerror = () => {
                        reject(new Error('文件流异常'));
                    };
                });
            },
    }
  }
</script>

<style scoped>

.dis_top {
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  color: #000000;
  font-weight: bold;
  width: calc(100% - 10px);
  background: #F2F2F2;

}
.flex_b {
  margin-top: 40px;
}
.examine {
  line-height: 30px;
  background: #ffffff;
  text-align: center;
  width: 227px;
  border-bottom: 1px solid #2DA9FA;
  font-size: 13px;
}
.dis_top > div {
  display: flex;
  align-items: center;
}
.dis_top > div >span {
  margin-left: 20px;
}
.dis_flex{
  display:flex;
  border-top: 1px solid black;
}
.flex_l{
  width:300px !important;
  flex-shrink:0;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}

.r_title{
  display: flex;

}

.r_box{
  margin-left: 20px;
  /* margin-top: 30px; */
  width:1300px;
  /* background:red; */
  line-height: 25px;
}
.r_box_top1{
  height: 2px;
  background:#F2E5FF;
}
.r_box_top2{
  height: 2px;
  background:#FFFFCA;
}
.r_box_con_title{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  border-bottom:1px solid #333;
  font-size: 18px;
  line-height: 30px;
}
.r_box_con_bor{
  border-bottom:1px solid #333;
  padding-bottom: 10px;
}

.r_box_con_box{
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 45px;
}
.r_box_con_sl1{
  padding:0px 5px;
  width:20%;
}
.r_box_con_sl2{
  padding:0px 5px;
  width:30%;
}
.r_box_con_sl3{
  padding:0px 5px;
  width:10%;
}
.r_box_con_sl4{
  padding:0px 5px;
  width:15%;
}
.r_box_con_sl5{
  padding:0px 5px;
  width:15%;
}
.r_box_con_sl6{
  padding:0px 5px;
  width:10%;
}
.r_box_con_res{
  margin-top: 20px;
}
.el-form--inline .el-form-item {
  margin: 20px;
}
.textarea{
  width:600px
}
.r_box_con_res /deep/ .el-form-item__label {
  font-size: 22px !important;
}
.upload-demo{
  width:100%;
}
.r_box_con_bottom{
  margin-top: 20px;
  display: flex;
}
.r_box_con_bottom div{
  margin-right: 15px;
}
.l_left {
  color: #7F7F7F;
  font-weight: bold;
  height: 36px;
}
.l_left > span {
  color: #D9001B;
}
.list_ch {

}
.flex_r {
  background: #ffffff;
  overflow-y: scroll !important;
}
.r_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
  color: #666666;
}
.r_list > span:first-child:hover {
  color: #2F9688;
  font-weight: bold;
}
.r_list > span:nth-child(2) {
  color: #D9001B;
}
.r_list > span:nth-child(2):hover {
  color: #2F9688;
  font-weight: bold;
}
.r_list > span {
  display: inline-block;
  width: 100%;
}
.l_right {
  background: #F2F2F2;
  height: 100%;
  padding: 10px;
}
.diagnose {
  display: flex;
  justify-content: space-between;
  padding-right:46px
}
.diagnose > div:first-child {
  display: flex;
}
.bj_doctor {
  background: #E5F6FE;
}
</style>
